Skills

课程导读

这节课介绍 Claude Code 的 Skills 功能。你可以把 Skill 理解成一份专项说明书，它会告诉 Claude Code 在某类任务中应该按照什么流程、什么规范来完成工作。

一、Skills 聚合网站

查找 Skills 时，可以使用 Skills 聚合网站。

Skills 聚合网站

二、示例一：安装 PPT Skill

这里先用 PPT Skill 做一个示例。

1. 查找 PPT Skill

可以搜索并安装 PPT-Agent。

PPT-Agent Skills

安装命令：

npx skills add https://github.com/sunbigfly/ppt-agent-skills --skill ppt-agent

也可以参考另一个 PPT Skill：

PPT Master

安装命令：

npx skills add https://github.com/hugohe3/ppt-master --skill ppt-master

2. 安装时的几个选项

执行安装命令后，终端会进入交互流程。

常见问题如下：

配置项	说明
是否安装	输入 y 确认安装
选择 AI 智能体	使用上下方向键切换到 Claude Code，按空格选中，再回车确认
安装范围	可以选择项目级安装或全局安装
安装方式	可以选择 Symlink 或 Copy to all agents

安装范围和 MCP 类似，通常分为两种：

安装范围	适合场景
项目级安装	只希望当前项目使用这个 Skill
全局安装	希望多个项目都能使用这个 Skill

安装方式也有两种：

安装方式	含义
Symlink	只保存一份 Skill，不同 AI 工具使用同一份内容
Copy to all agents	给每个 AI 工具都复制一份完整 Skill

如果你同时使用 Claude Code、Codex、Cursor 等工具，Symlink 会更方便后续统一更新。

3. 安装 Find Skills

安装过程中，终端可能会询问是否顺便安装 Find Skills。

Find Skills 的作用是：当你有一个具体需求，但不知道该安装哪个 Skill 时，可以用它来搜索合适的 Skills。

这个功能很实用，建议顺便安装。

4. 查看已安装 Skills

安装完成后，重启 Claude Code。

然后在 Claude Code 中输入：

/skills

这个命令可以查看当前已经安装和启用的 Skills。

三、Skill 的基本构成

安装好 Skill 之后，可以进入对应文件夹查看它的结构。

项目级 Skill 通常会保存在当前项目的 .agents/skills 目录中。

一个标准 Skill 通常由这些部分组成：

文件或目录	作用
SKILL.md	Skill 的核心说明书
references	参考资料、风格规范、示例说明
scripts	可运行脚本，例如 Python 或 Node 脚本
assets	固定素材，例如 Logo、图片、截图

1. SKILL.md

SKILL.md 是整个 Skill 最核心的文件。

它一般包含两部分：

部分	说明
元数据	写在文件开头，包含 name、description 等信息
正文规则	写具体执行流程、输出格式、注意事项和约束

其中 description 非常重要。

它会告诉 Claude Code 这个 Skill 是做什么的，以及在什么情况下应该使用它。

Claude Code 能不能自动判断调用某个 Skill，很大程度上就依赖这里的描述。

2. references

references 目录适合放参考资料。

比如：

• PPT 风格规范。
• 设计原则。
• 示例模板。
• 平台开发规范。

3. scripts

scripts 目录适合放可以反复执行的脚本。

如果某些操作非常固定，就可以提前写成脚本，后续让 Claude Code 直接运行。

这样可以提升稳定性，也能减少重复生成代码带来的 Token 消耗。

4. assets

assets 目录适合放固定素材。

比如：

• 公司 Logo。
• 品牌图片。
• 示例截图。
• 模板资源。

如果要让 Claude Code 制作公司内部 PPT，就可以把公司 Logo 和品牌物料放在这里。

备注

渐进式披露是一种写 Skill 的小技巧：SKILL.md 只写核心流程，详细资料放到 references 等文件夹里。Claude Code 用到时再读取，不用一次全部加载。

四、示例二：使用 Remotion Skill 制作动画

Remotion 是一个可以用代码生成视频动画的工具。

Remotion 官网

Remotion Skill 可以帮助 Claude Code 更好地使用 Remotion 来生成视频。

Remotion Best Practices Skill

1. 创建 Remotion 项目

先创建并进入一个项目文件夹。

然后执行初始化命令：

npx create-video@latest

初始化时可以按下面方式选择：

选项	建议
模板	Blank
是否添加 Tailwind CSS	Yes
是否安装 Agent Skills	Yes
后续选项	使用预设值即可

安装完成后，进入项目目录：

cd <项目目录>

安装依赖：

npm i

启动 Remotion Studio：

npm run dev

然后在浏览器中打开：

http://localhost:3000

2. 导出

常规导出路径：

File → Render → Render Video

导出后，视频通常会出现在 out 文件夹中。

如果需要透明背景视频，可以使用 ProRes 导出：

File → Render → ProRes → 4444XQ

然后在左侧 Picture 中选择 PNG，并把 Format 选择到最下面，再点击 Render Video。

3. 深入学习

如果刚接触 Remotion，不知道提示词怎么写，可以参考下面的网站。

Remotion Lab

这里有一些现成的视频动画效果、提示词和教学资料。

五、示例三：创建自己的 Skill

除了使用别人开发好的 Skill，也可以根据自己的工作流创建自定义 Skill。

如果你已经有一套成熟、稳定、可复用的流程，就很适合把它整理成 Skill。

创建自定义 Skill 时，可以使用 Skill Creator。

Skill Creator

安装命令：

npx skills add https://github.com/anthropics/skills --skill skill-creator

创建 Skill 示例流程

以整理平台开发规范为例：

1. 准备官方文档或规范资料。
2. 如果 Claude Code 无法直接读取网页内容，可以手动复制文档内容。
3. 把规范资料提供给 Claude Code。
4. 让 Claude Code 根据规范创建 Skill。
5. 如果出现创建文件夹或写入文件的权限申请，选择同意。
6. 创建完成后，让 Claude Code 将 Skill 打包并安装。

安装完成后，使用下面命令确认：

/skills

注意

如果 Skill 会执行部署、提交代码、发送消息等有副作用的操作，建议设置为只能手动调用。

在 SKILL.md 开头的元数据中加入：disable-model-invocation: true

这样 Claude Code 不会自动调用它，只能通过 /skill-name 手动调用。